.skeleton {
    min-height: 50px;
    height: 100%;
    min-width: 50px;
    width: 100%;
    margin: 50px auto;
    background-color: #BBB;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px darkslategray;
    overflow: hidden;
    position: relative;
}

.skeleton::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 40%;
    transform: skewX(-45deg);
    background-color: #FFFFFF70;
    animation: shine 2s ease infinite;
}

@keyframes shine {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}